import { useIntersectionObserver } from '@vueuse/core'
export const lazyPlugin = {
  install(app){
    app.directive('img-lazy',{
      mounted(el,binding){
        const {stop} = useIntersectionObserver(
          el,
          ([{ isIntersecting }]) => {
            if (isIntersecting){
              el.src = binding.value
              stop()
            }
          },
        )
      }
    }) 
  }
}